<%-- 
    Document   : index
    Created on : 01-oct-2010, 16:23:50
    Author     : Administrador
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>HOLA FORMULARIOS</title>
<style type="text/css" media="screen">
*

body{    
  width: 100%;
  height: 540px;
  text-align: center;
  background-color: #fff784;
} 

div.titulo {
  text-align: center;
  color: #8a5f26;
  font-size: 32px;    
  font-family: 'Times New Roman',Times,serif;
  font-weight: bold;
}

div.subtitulo {
  text-align: center;
  color: #8a5f26;
  font-size: 18px;    
  font-family: 'Times New Roman',Times,serif;
  font-weight: bolder;
  font-style: italic;
}
div.cuerpo{
    position:absolute;
    top: 100px;
    right: 20%;
    text-align: left;
    font-size: 12px;
    font-family: 'Times New Roman',Times,serif;
    color: #8a5f26;
}

div.enlace1{    
  background-image: url(../imagenes/enlace.gif);
  height: 30px;  
  font-weight: bold;
  text-decoration: none;
  font-family: Georgia,'Times New Roman',times,serif;
  color: #8a5f26;
  text-align: left;
  background-position: left;
  background-repeat: repeat-y;
  text-indent: 35px;
  position:absolute;
  top: 100px;
  left: 30%;
}

div.enlace2{    
  background-image: url(../imagenes/enlace.gif);
  height: 30px;  
  font-weight: bold;
  text-decoration: none;
  font-family: Georgia,'Times New Roman',times,serif;
  color: #8a5f26;
  text-align: left;
  background-position: left;
  background-repeat: repeat-y;
  text-indent: 35px;
  position:absolute;
  top: 135px;
  left: 33%;
}
div.enlace3{    
  background-image: url(../imagenes/enlace.gif);
  height: 30px;  
  font-weight: bold;
  text-decoration: none;
  font-family: Georgia,'Times New Roman',times,serif;
  color: #8a5f26;
  text-align: left;
  background-position: left;
  background-repeat: repeat-y;
  text-indent: 35px;
  position:absolute;
  top: 170px;
  left: 36%;
}
div.enlace4{    
  background-image: url(../imagenes/enlace.gif);
  height: 30px;  
  font-weight: bold;
  text-decoration: none;
  font-family: Georgia,'Times New Roman',times,serif;
  color: #8a5f26;
  text-align: left;
  background-position: left;
  background-repeat: repeat-y;
  text-indent: 35px;
  position:absolute;
  top: 205px;
  left: 39%;
}
div.enlace5{    
  background-image: url(../imagenes/enlace.gif);
  height: 30px;  
  font-weight: bold;
  text-decoration: none;
  font-family: Georgia,'Times New Roman',times,serif;
  color: #8a5f26;
  text-align: left;
  background-position: left;
  background-repeat: repeat-y;
  text-indent: 35px;
  position:absolute;
  top: 240px;
  left: 42%;
}

div.comentario{      
  height: 30px;  
  font-weight: bold;
  font-size: 10px;
  font-family: Georgia,'Times New Roman',times,serif;
  color: #8a5f26;
  text-align: left; 
  text-indent: 35px;
  position:absolute;
  top: 250px;
  left: 53%;
}

div.pie {
  width: 300px;
  height: 90px;        
  text-align: center;
  background-image: url(../imagenes/fondo_pie.gif);
  background-position: center;
  font-family: Georgia,'Times New Roman',times,serif;
  font-size: 10px;
  font-style: oblique;
  position:absolute;
  bottom: 3px;
  left: 35%;
  vertical-align: middle;    
}

div.imagen_fondo {
  background-image: url(../imagenes/fondo.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
  position:fixed;
  width: 100%;
  height: 100%;
  bottom: 0%;
  right: 0%;
  z-index: -1;
}
 

.titulo_tabla{    
  background-color: #8a5f26;
  color: white;
  font-weight: bold;
}

.fila1{
    background-color: #ffde63;
    color: #8a5f26;  
    font-size: 12px;
}
.fila2{
    background-color: #f5e7b3;
    color: #8a5f26; 
    font-size: 12px;        
}

a:link {    
  color: #990000;
  font-style: italic;
  text-decoration: none;  
}

a:visited {
  color: #ff3333;
  font-style: italic;
  text-decoration: none;  
}  

a:hover {
  color: #ff33cc;
  font-style: italic;
  text-decoration: none;  
} 

a:active {
  color: #0000FF;
  font-style: italic;
  text-decoration: none;  
}  

.enlace_login {          
  background-color: #ffffcc;  
  color: #8a5f26;
  position:absolute;
  top: 17%;
  right: 20%;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  font-family: Georgia,'Times New Roman',times,serif;
  font-style: normal;
  padding: 6px;
}

</style>
</head>
<body>

<form action="proceso.jsp" method="post">
	Nombre:
	<input type="text" name="nombre">
	<br/>
	Apellido:
	<input type="text" name="apellido">
	<br/>
	Edad:
	<input type="text" name="edad">

	<br/>
	Lenguaje preferido:
	<select name="lenguaje">
	  <option value="java">java
	  <option value="jsp" selected>jsp
	  <option value="php">php
	  <option value="C/C++">C/C++
	  <option value="C#">C#
	  <option value="Asp">Asp
	  <option value="AS3">AS3
	</select>
	<br/>
	Me gusta el:
	<br/>
  	<input type="Radio" name="preferencia" value= "Diseño"checked>Diseño
  	<br/>
  	<input type="Radio" name= "preferencia"value="Programacion">Programacion
  	<br/>
  	<input type="Radio" name= "preferencia"value="Modelado">Modelado
  	<br/>
  	<input type="Radio" name= "preferencia"value="Gerencia">Gerencia de proyectos
  	<br/>

	<p><input type="submit" value="Enviar"></p>
</form>

</body>
</html>
